﻿<style>
    body {
        background-color: #fff !important;
    }
</style>
<div class="page-home">
    <div class="vidBox" id="vidBox">
        <div class="videCont">
            <a class="btn-close" id="btn-close" href="javascript:void(0);"><i class="iconfont iconsearchclose"></i></a>
            <video src="~/portal/img/about.mp4" loop controls></video>
        </div>
    </div>
    <div class="s1">
        <video autoplay poster="/portal/img/home_01.jpg" id="videobg" loop>
            <source src="~/portal/img/about.mp4" type="~/portal/video/mp4">Your browser does not support the video tag. I suggest you upgrade your browser.
        </video><a class="detail" id="openVideo" href="javascript:void(0);">详细</a>
    </div>
    <section class="s2" style="background-image:url(/portal/img/home_02.jpg)">
        <div class="container">
            <div class="txt">
                <h2 class="title wow fadeInUp">UPLIFT</h2>
                <h3 class="wow fadeInUp" data-wow-delay="0.5s">无人化垂直农业生产系统</h3>
                <div class="des wow fadeInUp" data-wow-delay="1s"><span>⽆⼈种植⻋间 </span>| <span>数字⽣产系统</span>|<span>超⾼空间扩展</span></div>
            </div>
        </div><a class="detail wow fadeInUp" href="javascript:void(0);">详细    </a>
    </section>
    <section class="s3">
        <div class="container">
            <div class="txt">
                <h2 class="title wow fadeInUp">RADIX</h2>
                <h3 class="wow fadeInUp" data-wow-delay="0.5s">模块化多层水培生长系统</h3>
                <div class="des wow fadeInUp" data-wow-delay="1s"><span>模块化拆装</span>| <span>可选择层高</span>|<span>双液流切换</span></div>
            </div>
            <figure class="text-center"><img src="~/portal/img/home_03.png" alt="模块化多层水培生长系统"></figure>
            <div class="reddot"><img src="~/portal/img/reddot.png" alt="红点奖"></div>
        </div><a class="detail" href="javascript:void(0);">详细    </a>
    </section>
    <section class="s4">
        <div class="container">
            <div class="txt">
                <h2 class="title wow fadeInUp">PHX</h2>
                <h3 class="wow fadeInUp" data-wow-delay="0.5s">超薄可折叠植物生长灯</h3>
                <div class="des wow fadeInUp" data-wow-delay="1s"><span>4CM 超薄灯体</span>| <span>15CM 超低悬挂</span>|<span>高光需植物</span></div>
                <div class="pic wow fadeInUp"><img src="~/portal/img/home_04.png" alt=""></div>
            </div>
        </div><a class="detail" href="javascript:void(0);">详细    </a>
    </section>
    <section class="s5">
        <div class="row no-gutters">
            <div class="col-md-6">
                <div class="item" style="background-image:url(/portal/img/home_05.jpg)">
                    <h3 class="title wow fadeInUp">STORIES</h3>
                    <p class="wow fadeInUp" data-wow-delay="0.5s">故事</p><a class="more wow fadeInUp" data-wow-delay="1s" href="story.html">了解更多<i class="iconfont iconright2"></i></a>
                </div>
            </div>
            <div class="col-md-6">
                <div class="item" style="background-image:url(/portal/img/home_06.jpg)">
                    <h3 class="title wow fadeInUp">INNOVATION</h3>
                    <p class="wow fadeInUp" data-wow-delay="0.5s">创新</p><a class="more wow fadeInUp" data-wow-delay="1s" href="innovate.html">了解更多<i class="iconfont iconright2"></i></a>
                </div>
            </div>
            <div class="col-md-6">
                <div class="item" style="background-image:url(/portal/img/home_07.jpg)">
                    <h3 class="title wow fadeInUp">SUPPORT</h3>
                    <p class="wow fadeInUp" data-wow-delay="0.5s">支持</p><a class="more wow fadeInUp" data-wow-delay="1s" href="support.html">了解更多<i class="iconfont iconright2"></i></a>
                </div>
            </div>
            <div class="col-md-6">
                <div class="item" style="background-image:url(/portal/img/home_08.jpg)">
                    <h3 class="title wow fadeInUp">STORIES</h3>
                    <p class="wow fadeInUp" data-wow-delay="0.5s">故事</p><a class="more wow fadeInUp" data-wow-delay="1s" href="about.html">了解更多<i class="iconfont iconright2"></i></a>
                </div>
            </div>
        </div>
    </section>
</div>
<section class="subscribe">
    @{Html.RenderPartial("UcSubscribe");}
</section>
@section scripts {
    <script>
        $(function () {
            $('body').addClass('home-body');
            $("#openVideo").click(function (e) {
                $("#vidBox").fadeIn();
            })
            $("#btn-close").click(function (e) {
                $("#vidBox").fadeOut();
            })
        });
    </script>
}